{% extends "base.html" %}
{% block title %}{{ article.title|striptags }}{% endblock %}
{% block content %}
<section id="pagecontent" class="body">
	<script>
	Mousetrap.bind('left', prev);
	Mousetrap.bind('right', next);


	function prev(element)
	{
		document.getElementById('prev').click();
	}
	function next(element)
	{
		document.getElementById('next').click();
	}
	</script>
  <article>
    <header>
	<div>
		<div style="float:left">
		      <h1 class="entry-title">
		        <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark"
		           title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
		      </h1>
		</div>
		<div style="float:right"><h2>{% include 'article_infos.html' %}</h2></div>
	</div>

	<div style="clear:both"></div>

 {% if article.prev_article %}
	<div style="float:left">
         <a href="{{ SITEURL }}/{{ article.prev_article.url}}" id="prev">
             Previous: {{ article.prev_article.title }}
         </a>
	</div>
 {% endif %}
 {% if article.next_article %}
	<div style="float:right">
         <a href="{{ SITEURL }}/{{ article.next_article.url}}" id="next">
             Next: {{ article.next_article.title }}
         </a>
	</div>
 {% endif %}
      {% include 'twitter.html' %}
    </header>
      {{ article.content }}

    {% if DISQUS_SITENAME and SITEURL and article.status != "draft" %}
    <div class="comments">
      <h2>Comments !</h2>
      <div id="disqus_thread"></div>
      <script type="text/javascript">
        var disqus_shortname = '{{ DISQUS_SITENAME }}';
        var disqus_identifier = '{{ article.url }}';
        var disqus_url = '{{ SITEURL }}/{{ article.url }}';
        (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'https://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
        })();
      </script>
      <noscript>Please enable JavaScript to view the comments.</noscript>
    </div>
    {% endif %}

  </article>
</section>
{% endblock %}
